<?php get_header('top'); ?> 

<div class="row wrapper-for-img-and-caption">
<?php get_header('img'); ?>

<div class="col-12 col-xl-9 order-last">
<?php get_header('caption'); ?>
		
					<div id="contactsBlock" class="row block-inf">
						<h2>Контакты</h2>
						<address>
							<div class="row">
								<div class="col-12 col-md-6">
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16">
											<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
										</svg>

										 telegram: <a target="_blank" href="https://t.me/al_d_timofeev">t.me/al_d_timofeev</a></p>
									
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
											<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
											</svg>
										
										whatsapp: <a target="_blank" href="https://api.whatsapp.com/send?phone=79095892744">api.whatsapp.com/send?phone=79095892744</a></p>
									<p>
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
											<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
											</svg>
										
										телефон: <a target="_blank" href="tel:+79095892744">+7 909 589 27 44</a></p>
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-at-fill" viewBox="0 0 16 16">
											<path d="M2 2A2 2 0 0 0 .05 3.555L8 8.414l7.95-4.859A2 2 0 0 0 14 2zm-2 9.8V4.698l5.803 3.546L0 11.801Zm6.761-2.97-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 9.671V4.697l-5.803 3.546.338.208A4.482 4.482 0 0 1 12.5 8c1.414 0 2.675.652 3.5 1.671"/>
											<path d="M15.834 12.244c0 1.168-.577 2.025-1.587 2.025-.503 0-1.002-.228-1.12-.648h-.043c-.118.416-.543.643-1.015.643-.77 0-1.259-.542-1.259-1.434v-.529c0-.844.481-1.4 1.26-1.4.585 0 .87.333.953.63h.03v-.568h.905v2.19c0 .272.18.42.411.42.315 0 .639-.415.639-1.39v-.118c0-1.277-.95-2.326-2.484-2.326h-.04c-1.582 0-2.64 1.067-2.64 2.724v.157c0 1.867 1.237 2.654 2.57 2.654h.045c.507 0 .935-.07 1.18-.18v.731c-.219.1-.643.175-1.237.175h-.044C10.438 16 9 14.82 9 12.646v-.214C9 10.36 10.421 9 12.485 9h.035c2.12 0 3.314 1.43 3.314 3.034zm-4.04.21v.227c0 .586.227.8.581.8.31 0 .564-.17.564-.743v-.367c0-.516-.275-.708-.572-.708-.346 0-.573.245-.573.791Z"/>
										</svg>

										email: <a target="_blank" href="mailto:al.d.timofeev@gmail.com">al.d.timofeev@gmail.com</a></p>
								</div>
									
								<div class="col-12 col-md-6">
								<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle opasity0" viewBox="0 0 16 16">
											<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
										  </svg>

										GitVerse: <a target="_blank" target="_blank" href="https://gitverse.ru/timofeev">gitverse.ru/timofeev</a></p>
								
								
								<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
											<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
										</svg>

										GitHub: <a target="_blank" href="https://github.com/al-d-timofeev">github.com/al-d-timofeev</a></p>
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle opasity0" viewBox="0 0 16 16">
											<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
										  </svg>
										
										Bitrix: <a target="_blank" href="https://dev.1c-bitrix.ru/learning/resume.php?ID=11795265-2788287">dev.1c-bitrix.ru/learning/resume.php?ID=11795265-2788287</a></p>
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle opasity0" viewBox="0 0 16 16">
											<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
										  </svg>

										Хабр Фриланс: <a target="_blank" target="_blank" href="https://freelance.habr.com/freelancers/al-d-timofeev">freelance.habr.com/freelancers/al-d-timofeev</a></p>
									<p>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle opasity0" viewBox="0 0 16 16">
											<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
										  </svg>

										Хабр Карьера: <a target="_blank" target="_blank" href="https://career.habr.com/a-timofeev40">career.habr.com/a-timofeev40</a></p>

									
								</div>
							</div>
						</address>
					</div>

				</div><!-- .col-9 -->
			
		</div><!-- .wrapper-for-img-and-caption -->


		<div id="skillsBlock" class="row skills-block block-inf">

			<h2>Навыки</h2>

			<div class="row">
				<div class="col-6 col-sm-4 col-xl-2">
					<ul class="skills-list">
						<li>
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code" viewBox="0 0 16 16">
								<path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"/>
							  </svg>
							
							html, css</li>
						
						
						<li>
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bootstrap-fill" viewBox="0 0 16 16">
								<path d="M6.375 7.125V4.658h1.78c.973 0 1.542.457 1.542 1.237 0 .802-.604 1.23-1.764 1.23zm0 3.762h1.898c1.184 0 1.81-.48 1.81-1.377 0-.885-.65-1.348-1.886-1.348H6.375v2.725z"/>
								<path d="M4.002 0a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4h-8zm1.06 12V3.545h3.399c1.587 0 2.543.809 2.543 2.11 0 .884-.65 1.675-1.483 1.816v.1c1.143.117 1.904.931 1.904 2.033 0 1.488-1.084 2.396-2.888 2.396z"/>
							  </svg>

							bootstrap</li>
						
					</ul>
					
				</div>
				<div class="col-6 col-sm-4 col-xl-2">
					<ul class="skills-list">
						<li>
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle opasity0" viewBox="0 0 16 16">
								<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
							  </svg>
							
							1C-bitrix</li>
						<li>
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wordpress" viewBox="0 0 16 16">
								<path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48 0-.63.478-1.218 1.152-1.218.02 0 .039.002.058.003l.031.003A6.838 6.838 0 0 0 8 1.137 6.855 6.855 0 0 0 2.266 4.23c.16.005.313.009.442.009.717 0 1.828-.087 1.828-.087.37-.022.414.521.044.565 0 0-.371.044-.785.065l2.5 7.434 1.5-4.506-1.07-2.929c-.369-.022-.719-.065-.719-.065-.37-.022-.326-.588.043-.566 0 0 1.134.087 1.808.087.718 0 1.83-.087 1.83-.087.37-.022.413.522.043.566 0 0-.372.043-.785.065l2.48 7.377.684-2.287.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.864 6.864 0 0 0 3.868 6.176L1.73 5.206A6.837 6.837 0 0 0 1.137 8z"/>
								<path d="M6.061 14.583 8.121 8.6l2.109 5.78c.014.033.03.064.049.094a6.854 6.854 0 0 1-4.218.109zm7.96-9.876c.03.219.047.453.047.706 0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/>
								<path fill-rule="evenodd" d="M0 8c0-4.411 3.589-8 8-8 4.41 0 8 3.589 8 8s-3.59 8-8 8c-4.411 0-8-3.589-8-8m.367 0c0 4.209 3.424 7.633 7.633 7.633 4.208 0 7.632-3.424 7.632-7.633C15.632 3.79 12.208.367 8 .367 3.79.367.367 3.79.367 8"/>
							</svg>

							WordPress</li>
						
					</ul>
				</div>
			</div>

		</div>



		<div id="projectsBlock" class="row project-block">
			<h2><a href="<?=get_permalink(20); ?>">
				Проекты</a> 
				<span>(<?=count(get_posts(['category_name'=>'сайт']));?>)</span>
			</h2>
		</div> 


<!-- пример вёрстки поста с сайтом из портфолио -->
<!--
		<div class="row row-cols-1 row-cols-md-3 g-4">

			<div class="col">
			  <div class="card h-100">
				<div class="card-body">
				  <h5 class="card-title"><a target="_blank" href="https://paint-group.ru/">Paint Group</a></h5>
				  	<p class="card-text">
						Полностью сверстал сайт и установил на 1C-Bitrix. 
					</p>
				</div>
				<img src="<?php echo get_template_directory_uri();?>/img/2023-11-15_17-34-55.png" class="card-img-top" alt="Paint Group">
				<div class="card-footer">
				  <small class="text-body-secondary"><a target="_blank" href="https://paint-group.ru/">https://paint-group.ru/</a></small>
				</div>
			  </div>
			</div>

		</div>
-->
	
	
	
		<div class="row row-cols-1 row-cols-md-3 g-4">
			<?
			if ( have_posts() ){
				$query = new WP_Query( [ 'category_name' => 'сайт' ] );

				while ( $query->have_posts() ) {
					$query->the_post(); 

					$link_site = get_post_custom_values("ссылка на сайт")[0]; 
					$img_name = get_post_custom_values("изображение в png")[0]; 

					echo '<div class="col"><div class="card h-100">';

						echo '<div class="card-body">'; 
							echo '<h5 class="card-title">';
							if($link_site):
								echo '<a target="_blank" href="'.$link_site.'">';
							endif;
								the_title();
							if($link_site):
								echo '</a>';
							endif;
							echo '</h5>';

							echo str_replace( "<p", "<p class=\"card-text\"", get_the_content());
						echo '</div>';

// соотношения сторон скрина сайта из портфолио 9:16
						echo '<img src="'.get_template_directory_uri().'/img/'.$img_name.'.png" class="card-img-top" alt="скриншот сайта &quot;'.get_the_title().'&quot;">';
						
						// echo '<img src="'.wp_get_upload_dir()['url'].'/'.$img_name.'.png" class="card-img-top" alt="скриншот сайта &quot;'.get_the_title().'&quot;">';

					
						echo '<div class="card-footer"><small class="text-body-secondary">';
							if($link_site){
								echo '<a target="_blank" href="'.$link_site.'">'.$link_site.'</a>';
							} else {
								echo '&nbsp;';
							};
						echo '</small></div>';
						
					echo '</div></div>';
				}
				wp_reset_postdata();

			} else {
				echo wpautop( 'Постов для вывода не найдено.' ); 
			}
			?>
		</div>


		<div id="respBlock" class="row project-block">
			<h2><a href="<?=get_permalink(22); ?>">
				Отзывы</a> 
				<span>(<?echo count(get_posts(['category_name'=>'отзыв']));?>)</span>
			</h2>
		</div>

		<div class="row row-cols-1 row-cols-md-3 g-4">
			<?php
				if ( have_posts() ){
					$query = new WP_Query( [ 'category_name' => 'отзыв' ] );

					while ( $query->have_posts() ){
						$query->the_post();
						
						echo '<div class="col"><div class="card h-100">';

						echo '<div class="card-body">'; 
							echo '<h5 class="card-title">';
								the_title();
							echo '</h5>';


							echo '<p class="card-text">';
								the_content();
							echo '</p>';
						echo '</div>';

						
						echo '</div></div>';
 

					}
					wp_reset_postdata();

				} else {
					echo wpautop( 'Постов для вывода не найдено.' );
				}
			?>
		</div>


	<!-- </div> -->

	<?php get_footer('bottom'); ?> 
    <?php get_footer('scripts'); ?> 